import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface ExternalLinkCuteReIconProps {
  width?: number
  height?: number
  color?: string
}

export const ExternalLinkCuteReIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: ExternalLinkCuteReIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M16.392 2.659c-.523.079-1.091.207-1.528.344-.478.149-.699.337-.801.681-.078.261-.079.369-.004.619.112.375.435.634.853.684.152.018.292-.005.613-.099.228-.068.554-.151.725-.186.576-.117 1.482-.181 1.65-.116.051.019-.99 1.084-4.351 4.45-4.053 4.058-4.424 4.44-4.484 4.621A1.353 1.353 0 0 0 9 14c0 .405.309.826.69.939.258.077.362.077.633-.002.212-.062.325-.172 4.644-4.487l4.427-4.423.029.152c.062.332-.053 1.357-.224 1.983l-.144.536c-.236.884.601 1.579 1.412 1.174.348-.173.484-.444.715-1.417.175-.739.229-1.312.206-2.195-.022-.824-.071-1.194-.252-1.915-.272-1.076-.644-1.351-2.236-1.647-.483-.09-2.019-.114-2.508-.039M7.52 5.563c-1.574.1-2.578.482-3.456 1.316-.983.934-1.391 1.948-1.503 3.741-.053.829-.053 4.931 0 5.76.112 1.789.522 2.809 1.503 3.741.902.857 1.859 1.212 3.556 1.318.829.053 4.931.053 5.76 0 1.694-.106 2.633-.453 3.54-1.307.786-.739 1.221-1.578 1.415-2.732.101-.601.145-1.544.145-3.151 0-1.633.001-1.629-.241-1.904-.205-.233-.41-.323-.739-.323-.319 0-.515.082-.728.304-.225.235-.252.356-.254 1.123-.002 1.305-.074 3.163-.136 3.533-.114.689-.259 1.043-.587 1.435-.346.414-.735.684-1.185.823-.521.161-.945.202-2.546.247-1.799.05-4.479-.006-5.065-.106-.681-.116-1.046-.269-1.434-.6-.408-.349-.668-.725-.804-1.168-.162-.524-.203-.945-.248-2.549-.05-1.799.006-4.479.106-5.065.146-.859.415-1.354.981-1.808.409-.329.732-.459 1.418-.573.374-.062 2.216-.134 3.513-.137.783-.001.872-.02 1.124-.242.233-.205.323-.41.323-.739 0-.319-.082-.515-.304-.728-.264-.253-.265-.253-2.043-.246a57.32 57.32 0 0 0-2.111.037"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
